<!DOCTYPE HTML>
<html>
<head>
<title>添加栏目</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Bootstrap Core CSS -->
	<link rel="stylesheet" href="__PUBLIC__/Admin/layui/css/layui.css" type='text/css' />
<link href="__PUBLIC__/Admin/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<!-- Custom CSS -->
<link href="__PUBLIC__/Admin/css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="__PUBLIC__/Admin/css/morris.css" type="text/css"/>
<!-- Graph CSS -->
<link href="__PUBLIC__/Admin/css/font-awesome.css" rel="stylesheet"> 
<!-- jQuery -->
<script src="__PUBLIC__/Admin/js/jquery-2.1.4.min.js"></script>
<!-- //jQuery -->
<!-- lined-icons -->
<link rel="stylesheet" href="__PUBLIC__/Admin/css/icon-font.min.css" type='text/css' />
<!-- //lined-icons -->

	<script src="__PUBLIC__/Admin/layer/layer.js"></script>
	<script src="__PUBLIC__/Admin/layui/layui.js"></script>
	<style>
		select {
			/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
			border: solid 1px #000;
			/*很关键：将默认的select选择框样式清除*/
			appearance:none;
			-moz-appearance:none;
			-webkit-appearance:none;
		}
	</style>
</head> 
<body>
   <div class="page-container">
   <!--/content-inner-->
<div class="left-content">
	   <div class="mother-grid-inner">
              <!--header start here-->
				
				<include file="Public/header" />
				
<!--heder end here-->
	<ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{:U('Index/index')}">主页</a><i class="fa fa-angle-right"></i>上传 <i class="fa fa-angle-right"></i> 添加栏目</li>
            </ol>
		<!--grid-->
 	<div class="grid-form">
 		
<!----->
<div class="grid-form1">
<h3 id="forms-horizontal">添加栏目</h3>
<form class="form-horizontal" enctype="multipart/form-data"  method="POST" action="{:U('Upload/cateadd')}" >
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label hor-form">栏目名称</label>
    <div class="col-sm-10">
      <input type="name" class="form-control" id="inputEmail3" placeholder="栏目名称" name="name">
    </div>
  </div>


	<div class="form-group">
		<label for="inputPassword3" class="col-sm-2 control-label hor-form">所属栏目</label>
		<div class="col-sm-10">
			<select name="pid" class="form-control" id="inputPassword3">
				<!--<option value="0">顶级栏目</option>-->
				<foreach name="catelist" item="cate">
						<option value="{$cate.cid}"><?php echo str_repeat('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;',$cate['lev']); ?>{$cate.name}</option>
				</foreach>
			</select>
		</div>
	</div>




  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label hor-form">栏目介绍</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputPassword3" placeholder="栏目介绍" name="intro">
    </div>
  </div>
  
      <div class="panel-footer">
		<div class="row">
			<div class="col-sm-8 col-sm-offset-2">
				<input type="submit" value="添加" class="btn-primary btn" />
				<input type="reset" value="重置" class="btn-inverse btn" />
			</div>
		</div>
	 </div>
	 
    </form>
 	<!--//grid-->

<!-- script-for sticky-nav -->
		<script>
		$(document).ready(function() {
			 var navoffeset=$(".header-main").offset().top;
			 $(window).scroll(function(){
				var scrollpos=$(window).scrollTop(); 
				if(scrollpos >=navoffeset){
					$(".header-main").addClass("fixed");
				}else{
					$(".header-main").removeClass("fixed");
				}
			 });
			 
		});
		</script>
</div>
  <!--//content-inner-->
		<!--/sidebar-menu-->
			
								<include file="Public/category" />

							  <div class="clearfix"></div>		
							</div>
							</div>
							</div>
							</div>
							<script>
							var toggle = true;
										
							$(".sidebar-icon").click(function() {                
							  if (toggle)
							  {
								$(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
								$("#menu span").css({"position":"absolute"});
							  }
							  else
							  {
								$(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
								setTimeout(function() {
								  $("#menu span").css({"position":"relative"});
								}, 400);
							  }
											
											toggle = !toggle;
										});
							</script>
<!--js -->
<script src="__PUBLIC__/Admin/js/jquery.nicescroll.js"></script>
<script src="__PUBLIC__/Admin/js/scripts.js"></script>
<!-- Bootstrap Core JavaScript -->
   <script src="__PUBLIC__/Admin/js/bootstrap.min.js"></script>
   <!-- /Bootstrap Core JavaScript -->	   

</body>
</html>